<script lang="ts" setup>
// import { Icon } from "@iconify/vue";

import dayjs from "dayjs";

defineOptions({
  name: "ClientClientView",
});
const timeValue = ref("");
const arr1 = ref(range(30));
const language = ref("zh-cn");
// const locale = computed(() => (language.value === "zh-cn" ? zhCn : en));
onMounted(() => {
  console.log("onmounted client");
});

const onClick = () => {
  if (language.value == "zh-cn") language.value = "";
  else language.value = "zh-cn";
  console.log(dayjs().format("YYYY-MM-DD"));

  console.log(dayjs().format("MMMM D, YYYY"));
};
</script>

<template>
  <div>
    <div>i18n {{ $t("demos.name") }}</div>
    <el-button @click="onClick"></el-button>
    <el-date-picker v-model="timeValue" type="date"></el-date-picker>
    <!-- <el-config-provider :locale="locale"> -->
    <el-table :data="[]"></el-table>
    <el-pagination :total="100"></el-pagination>
    <!-- </el-config-provider> -->
    client12
    <div v-for="i in arr1" :key="i" class="h-20 w-20 bg-blue-50">{{ i }}</div>
  </div>
</template>
<style lang="scss" scoped></style>
